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Following tags have been introduced in older versions of HTML but all the tags marked with HTML-5 are part of HTML-5.

Tag	Description	Version
<!--...-->	Specifies a comment	
<!DOCTYPE>	Specifies the document type	
<a>	Specifies an anchor	
<abbr>	Specifies an abbreviation	
<acronym>	Specifies an acronym	
<address>	Specifies an address element	
<applet>	Deprecated. Specifies an applet	
<area>	Specifies an area inside an image map	
<article>	Specifies an article	HTML-5
<aside>	Specifies some content loosely related to the page content. If it is removed, the remaining content still makes sense	HTML-5
<audio>	Specifies a sound content	HTML-5
<b>	Specifies bold text	
<base>	Specifies a base URL for all the links in a page	
<basefont>	Deprecated. Specifies a base font	
<bdo>	Specifies the direction of text display	
<bdi>	Represents text that must be isolated from its surrounding for bidirectional text formatting. It allows embedding a span of text with a different, or unknown, directionality	HTML-5
<bgsound>	Specifies background music	
<big>	Specifies big text	
<blink>	Specifies a text which blinks	
<blockquote>	Specifies a long quotation	
<body>	Specifies the body element	
<br>	Inserts a single line break	
<button>	Specifies a push button	
<canvas>	For making graphics with a script	HTML-5
<caption>	Specifies a table caption	
<center>	Deprecated. Specifies centered text	
<cite>	Specifies a citation	
<code>	Specifies computer code text	
<col>	Specifies attributes for table columns	
<colgroup>	Specifies groups of table columns	
<comment>	Puts a comment in the document	
<datalist>	A list of options for input values	HTML-5
<dd>	Specifies a definition description	
<del>	Specifies deleted text	
<dfn>	Specifiesa definition term	
<dialog>	Specifiesa dialog box or window	HTML-5
<dir>	Deprecated. Specifies a directory list	
<div>	Specifies a section in a document	
<dl>	Specifies a definition list	
<dt>	Specifies a definition term	
<em>	Specifies emphasized text	
<embed>	Specifiesa container for an external (non-HTML) application	HTML-5
<fieldset>	Specifies a fieldset	
<figcaption>	Specifiesa caption for a <figure> element	HTML-5
<figure>	Specifies self-contained content	HTML-5
<font>	Deprecated. Specifies text font, size, and color	
<footer>	Specifies a footer for a document or section	HTML-5
<form>	Specifies a form	
<frame>	Specifies a sub window (a frame)	
<frameset>	Specifies a set of frames	
<h1> to <h6>	Specifies header 1 to header 6	
<head>	Specifies information about the document	
<header>	Specifies a header for a document or section	HTML-5
<hr>	Specifies a horizontal rule	
<html>	Specifies an html document	
<i>	Specifies italic text	
<iframe>	Specifies an inline sub window (frame)	
<ilayer>	Specifies an inline layer	
<img>	Specifies an image	
<input>	Specifies an input field	
<ins>	Specifies inserted text	
<isindex>	Deprecated. Specifies a single-line input field	
<kbd>	Specifies keyboard text	
<keygen>	Generate key information in a form	HTML-5
<label>	Specifies a label for a form control	
<layer>	Specifies a layer	
<legend>	Specifies a title in a fieldset	
<li>	Specifies a list item	
<link>	Specifies a resource reference	
<main>	Specifies the main or important content in the document. There is only one
element in the document
HTML-5
<map>	Specifies an image map	
<mark>	Specifies a text highlighted for reference purposes, that is for its relevance in another context	HTML-5
<marquee>	Creates a scrolling-text marquee	
<menu>	Deprecated. Specifies a menu list	
<menuitem>	Specifies a command/menu item that the user can invoke from a popup menu	HTML-5
<meta>	Specifies meta data of an html document which is not displayed on the page	
<meter>	Specifies a scalar measurement within a known range (a gauge)	
<multicol>	Specifies a multicolumn text flow	
<nav>	Specifies a section that contains only navigation links	HTML-5
<nobr>	No breaks allowed in the enclosed text	
<noembed>	Specifies content to be presented by browsers that do not support the <embed>tag	
<noframes>	Specifies a noframe section	
<noscript>	Specifies a noscript section	
<object>	Specifies an embedded object	
<ol>	Specifies an ordered list	
<optgroup>	Specifies an option group	
<option>	Specifies an option in a drop-down list	
<output>	Specifies the result of a calculation	HTML-5
<p>	Specifies a paragraph	
<param>	Specifies a parameter for an object	
<plaintext>	Deprecated. Render the remainder of the document as preformatted plain text	
<pre>	Specifies preformatted text	
<progress>	Specifies a completion progress of a task	HTML-5
<q>	Specifies a short quotation	
<rp>	Specifies to show browsers that do not support the ruby element	HTML-5
<rt>	Specifies an text ruby annotation	HTML-5
<ruby>	Specifies an ruby annotation	HTML-5
<s>	Deprecated. Specifies strikethrough text	
<samp>	Specifies sample computer code	
<script>	Specifies a script	
<section>	Specifies a section in a document	HTML-5
<select>	Specifies a selectable list	
<spacer>	Specifies a white space	
<small>	Specifies small text	
<source>	Specifies a media resources for media elements, defined inside video or audio elements	HTML-5
<span>	Specifies a section in a document	
<strike>	Deprecated. Specifies strikethrough text	
<strong>	Specifies strong text	
<style>	Specifies a style definition	
<sub>	Specifies subscripted text	
<summary>	Specifies a summary, caption, or legend for a given <details>	HTML-5
<sup>	Specifies superscripted text	
<table>	Specifies a table	
<tbody>	Specifies a table body	
<td>	Specifies a table cell	
<textarea>	Specifies a text area	
<tfoot>	Specifies a table footer	
<th>	Specifies a table heading	
<thead>	Specifies a table header	
<time>	Specifies a date and time <details>	HTML-5
<title>	Specifies the document title	
<tr>	Specifies a table row	
<track>	Specifies a text tracks used in mediaplayers	HTML-5
<tt>	Specifies teletype text	
<u>	Deprecated. Specifies underlined text	
<ul>	Specifies an unordered list	
<var>	Specifies a variable	
<video>	Specifies a text tracks used in media players	HTML-5
<wbr>	Indicates a potential word break point within a <nobr> section	
<xmp>	Deprecated. Specifies preformatted text	
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Description
The HTML <comment> tag allows authors to comment their HTML code. This tag is supported by IE only.

It is recommended to use <!--....--> to comment your tags. This tag is compatible to all browsers.

Note − The <comment> tag deprecated in HTML5. Do not use this element.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML <!--....--> Tag</title>
   </head>

   <body>
      <comment>This is a commented line in IE</comment>
      
      <!-- This is a commented line supported by almost every browser.
         It will not appear in output as its a comment. 
      -->
   </body>

</html>
This will produce the following result −


Browser Support
Browser Support for <comment> tag

Chrome	Firefox	IE	Opera	Safari	Android
Not Supported	Not Supported	Yes	Not Supported	Not Supported	Not Supported
Browser Support for <!--...--> tag

Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <doctype> tag is used for specifying which version of HTML the document is using. This is referred to as the document type declaration (DTD).

NOTE − The <!DOCTYPE> tag does not have an end tag!.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML doctype Tag</title>
   </head>

   <body>
      <p>doctype declaration <doctype> is mentioned at the starting of
         every HTML document.</p>
   </body>
</html>
This will produce the following result −


Declaration
HTML 4.01 has 3 possible doctypes − HTML 4 Strict, HTML 4 Transitional, and HTML 4 Frameset. Every HTML document you create should have one of these three DTDs.

HTML 4 Strict
This document type includes all HTML elements except those that have been deprecated, and those that appear in frameset documents.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
HTML 4 Transitional
This document type includes all HTML elements including those that have been deprecated.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">;
HTML 4 Frameset
This document type includes all HTML elements in the transitional DTD as well as those in framed document.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "http://www.w3.org/TR/html4/frameset.dtd">
HTML 5 Declaration
In HTML5 there is only one declaration i.e.

<!DOCTYPE html>
Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <a> tag is used for creating a hyperlink to either another document, or somewhere within the current document.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML a Tag</title>
   </head>

   <body>
      <p>This is a link to <a href = "http://www.amrood.com">AMROOD.com</a></p>
   </body>
	
</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <a> tag also supports the following additional attributes −

Attribute	Value	Description
charset	character_encoding	Defines the character encoding of the linked document.
coords	
if shape = "rect" then coords = "left, top, right, bottom"

if shape = "circ" then coords = "centerx,centery,radius"

if shape = "poly" then coords = "x1, y1, x2, y2,..,xn,yn"

Specifies the coordinates appropriate to the shape attribute to define a region of an image for image maps.
download html-5	filename	This downloads the target when user clicks on the hyperlink.
href	URL	Specifies the URL of a page or the name of the anchor that the link goes to.
hreflang	language_code	Language code of the destination URL.
media html-5	media_query	It specifies what media the linked document is optimized for
name	section name	Marks an area of the page that a link jumps to.
rel	alternate
designates
stylesheet
start
next
prev
contents
index
glossary
copyright
chapter
section
subsection
appendix
help
bookmark	Describes the relationship between the current document and the destination URI.
rev	alternate
designates
stylesheet
start
next
prev
contents
index
glossary
copyright
chapter
section
subsection
appendix
help
bookmark	Specifies the relationship between the target URL and the current document.
shape	rect
rectangle
circ
circle
poly
polygon	Specifies the shape of the image map
target	_blank
_parent
_self
_top	
Where to open the target URL.

_blank - the target URL will open in a new window.

_self - the target URL will open in the same frame as it was clicked.

_parent - the target URL will open in the parent frameset.

_top - the target URL will open in the full body of the window.

type html-5	mime_type	Specifies the MIME (Multipurpose Internet Mail Extensions) type of the target URL
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <abbr> tag is used for indicating an abbreviation like etc., pvt.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML abbr Tag</title>
   </head>

   <body>
      <p>
         <abbr title = "Private">pvt.</abbr>
         <br />
         
         <abbr title = "International Cricket Council">ICC.</abbr> 
            promotes the global game.
         <br />
      </p>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <acronym> tag is used for indicating an acronym.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML acronym Tag</title>
   </head>

   <body>
      <p><acronym title = "HyperText Markup Language">HTML</acronym></p>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Not Supported
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Description
The HTML <address> tag is used for indicating an address. The address usually renders in italic.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML address Tag</title>
   </head>

   <body>
      <address>
         600 Wisdon Apartments<br />
         Filmcity, Kondiura<br />
         New Delhi - 50027
      </address>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <applet> tag specifies an applet. It is used for embedding a Java applet within an HTML document. It is not supported in HTML5.

Example
<!DOCTYPE html>
<html>

   <head>
      <title>HTML applet Tag</title>
   </head>

   <body>
      <applet code = "newClass.class" width = "300" height = "200"></applet>
   </body>
	
</html>
Here is the newClass.java file −

import java.applet.*;
import java.awt.*;

public class newClass extends Applet {
   public void paint (Graphics gh) {
      g.drawString("Tutorialspoint.com", 300, 150);
   }
}
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <> tag also supports following additional attributes −

Attribute	Value	Description
align	URL	Deprecated − Defines the text alignment around the applet
alt	URL	Alternate text to be displayed in case browser does not support applet
archive	URL	Applet path when it is stored in a Java Archive ie. jar file
code	URL	A URL that points to the class of the applet
codebase	URL	Indicates the base URL of the applet if the code attribute is relative
height	pixels	Height to display the applet
hspace	pixels	Deprecated − Defines the left and right spacing around the applet
name	name	Defines a unique name for the applet
object	name	Specifies the resource that contains a serialized representation of the applet's state.
title	test	Additional information to be displayed in tool tip of the mouse
vspace	pixels	Deprecated − Amount of white space to be inserted above and below the object.
width	pixels	Width to display the applet.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
No	Yes	Yes	No	Yes	No
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Description
The HTML <area> tag is used for defining an area in an image map.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML area Tag</title>
   </head>

   <body>
      <img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>
      
      <map name = "tutorials">
         <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27"
            href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" />
         
         <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial"
            href = "/html/index.htm" target = "_blank" />
         
         <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial"
            href = "/php/index.htm" target = "_blank" />
      </map>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <area> tag also supports the following additional attributes −

Attribute	Value	Description
alt	text	Specifies an alternate text for the area.
coords	
if shape = "rect" then coords = "left, top, right, bottom"

if shape = "circ" then coords = "centerx, centery, radius"

if shape = "poly" then coords = "x1, y1, x2, y2,..,xn, yn"

Specifies the coordinates appropriate to the shape attribute to define a region of an image for image maps.
downloadhtml-5	filename	Specifies that the target gets downloaded when hyperlink is clicked by user.
href	URL	Specifies the URL of a page or the name of the anchor that the link goes to.
hreflang html-5	language_code	Specifies the language of the target URL.
media html-5	media query	Specifies media/device the target URL is optimized for.
nohref	true/false	Excludes an area from the image map
rel html-5	alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag	Specifies relationship between the current document and the target URL
shape	rect
rectangle
circ
circle
poly
polygon	Specifies the shape of the image map
target	_blank
_parent
_self
_top	
Where to open the target URL.

_blank − the target URL will open in a new window

_self − the target URL will open in the same frame as it was clicked

_parent − the target URL will open in the parent frameset

_top − the target URL will open in the full body of the window

type html-5	mime_type	Specifies the MIME (Multipurpose Internet Mail Extensions) type of the target URL.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <article> tag is used in a blog post, forum post, newspaper article etc. It specifies self-contained composition in a site, document, page or application.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML Article Tag</title>
   </head>

   <body>
      <article>
         <h2>PHP</h2> 
         <p>PHP is PHP Hypertext Preprocessor</p>
      </article>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <aside> tag is used to specify a section of a page aside from the related section. This tag can be used for glossary definitions, author biography, author profile etc.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML aside Tag</title>
   </head>

   <body>
      <aside>
         <h3>Java History</h3> 
         <p>Java is a programming language developed by James Gosling in 1994.</p>
      </aside>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <audio> tag is used to embed audio in web pages.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML audio Tag</title>
   </head>

   <body>
      <p>Click on Play button...</p>
      <p>(Song: Kalimba which is provided as a Sample Music in Windows)</p>
      
      <audio controls>
         <source src = "/html/Kalimba.mp3" type = "audio/mpeg">
      </audio>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Mobile
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <b> tag specifies bold text.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML b Tag</title>
   </head>

   <body>
      This web page gives explanation on <b>bold</b> tag.
   </body>
	
</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <base> tag is used to specify a base URI, or URL, for relative links.

For example, you can set the base URL once at the top of your page in header section, then all subsequent relative links will use that URL as a starting point.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML base Tag</title>
      <base href = "https://www.tutorialspoint.com" />
   </head>

   <body>
      HTML: <img src = "/images/html.gif" />
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <base> tag also supports the following additional attributes −

Attribute	Value	Description
href	URL	Specifies the URL of a page or the name of the anchor that the link goes to.
target	_blank
_parent
_self
_top	
Where to open the target URL.

_blank − the target URL will open in a new window.

_self − the target URL will open in the same frame as it was clicked.

_parent − the target URL will open in the parent frameset

_top − the target URL will open in the full body of the window

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <basefont> tag is used to specify a base font for the document to use. This base font is applied to complete document. This tag is depreciated now.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML basefont Tag</title>
   </head>

   <body>
      <basefont face = "cursive,serif" color = "#ff9900" size = "4"/>
      
      <p>The HTML basefont tag is now deprecated. You should use CSS font
         to set font properties instead.</p>
   </body>

</html>
This will produce the following result −


This result may vary browser to browser.

Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <basefont> tag also supports the following additional attributes −

Attribute	Value	Description
color	rgb(x,x,x)
#xxxxxx
colorname	Deprecated − Specifies the color of the text.
face	font names separated by comma	Deprecated − Specifies the font family of the text.
size	1 to 7	Deprecated − Specifies the font size of the text.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Not Supported	Not Supported	Yes	Not Supported	Not Supported	Not Supported
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Description
The HTML <bdo> tag is used to override the default text direction.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML bdo Tag</title>
   </head>

   <body>
      <bdo dir = "rtl">Here's some English embedded in text in another language
         requiring a right-to-left presentation.</bdo>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <bdo> tag also supports the following additional attributes −

Attribute	Value	Description
dir	ltr|rtl	Defines the text direction.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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HTML - <bdi> Tag
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Description
The HTML <bdi> tag is Bi-directional isolation element which is used to embed text with a different direction from another text.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML bdi Tag</title>
   </head>

   <body>
      <p>Tutorialspoint list of tutorials:</p>
      
      <ul>
         <li>Web: <bdi>HTML</bdi></li>
         <li>Programming: <bdi>Java</bdi></li>
         <li>Scripting: <bdi>VBScript</bdi></li>
         <li>Mobile: <bdi>Android</bdi></li>
      </ul>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Not Supported	Not Supported	Not Supported	Not Supported
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Description
The HTML <bgsound> tag is used to play a soundtrack in the background. This tag is for Internet Explorer only.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML bgsound Tag</title>
   </head>

   <body>
      <bgsound src = "/html/yourfile.mdi"/>
      
      <p>This does create any result on the screen but it plays sound file
         in the background.</p>
   </body>

</html>
This will produce the following result −


Specific Attributes
The HTML <bgsound> tag also supports the following additional attributes −

Attribute	Value	Description
loop	number	Lets you replay a background soundtrack a certain number of times.
src	URL	Specifies the path of the sound file.
Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
No	No	Yes	No	No	No
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Description
The HTML <big> tag increases the font size. This tag is not supported in HTML5.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML big Tag</title>
   </head>

   <body>
      <p><big>Website: complieonline.com</big>(Online Compiler)</p>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <blink> tag is used to enclose a text to make it blink. This tag was supported by Netscape and now this is obsolete.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML blink Tag</title>
   </head>

   <body>
      <blink>This text will blink in Netscape Version 5.0</blink>
   </body>

</html>
This will produce the following result −


Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Not Supported	Not Supported	Not Supported	Not Supported	Not Supported	Not Supported
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Description
The HTML <blockquote> tag is used for indicating long quotations (i.e. quotations that span multiple lines). It should contain only block-level elements within it, and not just plain text.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML blockquote Tag</title>
   </head>

   <body>
      <blockquote>Browsers generally render blockquote text as indented text. If your
         quoted text needs to display within a non-quoted paragraph, you should use the
         HTML q tag. Most browsers surround q text with quotation marks.</blockquote>
      <q>Browsers generally render blockquote text as indented text. If your quoted text
         needs to display within a non-quoted paragraph, you should use the HTML q tag.
         Most browsers surround q text with quotation marks.</q>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <blockquote> tag also supports the following additional attributes −

Attribute	Value	Description
cite html-5	URL	URL of the quote, if it is taken from the web.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <body> tag is used for indicating the main content section of the HTML document.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML body Tag</title>
   </head>
	
   <body>
      Body of the document...
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <body> tag also supports the following additional attributes −

Attribute	Value	Description
alink	rgb(x,x,x)
#xxxxxx
colorname	Deprecated − Specifies the color of the active links in the document.
background	URL	Deprecated − Specifies the background image file path.
bgcolor	rgb(x,x,x)
#xxxxxx
colorname	Deprecated − Specifies the background color.
link	rgb(x,x,x)
#xxxxxx
colorname	Deprecated − Specifies the color of all the links in the document.
text	rgb(x,x,x)
#xxxxxx
colorname	Deprecated − Specifies the color of the text in the document.
vlink	rgb(x,x,x)
#xxxxxx
colorname	Deprecated − Specifies the color of the visited links in the document.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <br> tag is used to give a line break.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML br Tag</title>
   </head>

   <body>
      <p>This is before the line break<br />
      and this after the line break.</p>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <button> tag is used for creating a button within HTML form. You can also use <input> tag to create similar buttons.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML Button Tag</title>
   </head>

   <body>
      <form>
         <button name = "button" value = "OK" type = "button">Click Me</button>
      </form>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <button> tag also supports the following additional attributes −

Attribute	Value	Description
autofocus html-5	autofocus	Specifies that the button should have input focus when the page loads.
disabledhtml-5	disabled	Specifies the button is disabled.
form html-5	form_id	Specifies the forms to which button belongs.
formaction html-5	URL	Specifies the link where the form submits.
formenctype html-5	application
multipart/form-data
text/plain	Specifies how the form data is encoded before sending it to server.
formmethod html-5	get
post	Specifies how to send form data.
formnovalidatehtml-5	formnovalidate	Specifies that the form data should not be validated.
formtarget html-5	_blank
_self
_parent
_top	Specifies where the response should be validated.
name	name	Specifies the button name.
type	button
reset
submit	Specifies the button type.
value	text	Specifies button's initial value.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari
Yes	Yes	Yes	Yes	Yes
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Description
The HTML <canvas> tag is for drawing graphics, animations etc using scripting.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML Canvas Tag</title>
   </head>

   <body>
      <canvas id = "newCanvas">Your browser does not support canvas tag.</canvas>
      <script>
         var c = document.getElementById('newCanvas');
         var ctx = c.getContext('2d');
         ctx.fillStyle = '#00FD00';
         ctx.fillRect(0,0,200,60);
      </script>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <canvas> tag also supports the following additional attributes −

Attribute	Value	Description
height html-5	pixels	Specifies height of the canvas.
width html-5	pixels	Specifies width of the canvas.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	?
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Description
The HTML <caption> tag is used for creating a caption for a table. There could be only one caption per table.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML caption Tag</title>
   </head>

   <body>
      <h2>Cricketers List</h2>
      
      <table width = "100%">
         <caption>Indian Cricketers</caption>
         <th>Name</th>
         <tr>
            <td>Sachin Tendulkar</td>
         </tr>
         <tr>
            <td>M S Dhoni</td>
         </tr>
         <tr>
            <td>Suresh Raina</td>
         </tr>
         <tr>
            <td>Virat Kohli</td>
         </tr>
      </table>
      
   </body>
</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <center> tag is used for centering the content enclosed with this tag. This tag is depreciated.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML center Tag</title>
   </head>

   <body>
      <center>This text is centered</center>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	?
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Description
The HTML <cite> tag specifies a citation. It can be defined as title of a work.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML cite Tag</title>
   </head>

   <body>
      <p>The learning content can be referred from <cite>Data Structures
         & Algorithms in Java</cite><p>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <code> tag specifies computer code text.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML code Tag</title>
   </head>

   <body>
      <p>The header file for C++ Program is :<code>#include<iostream.h></code>.</p>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <col> tag allows authors to group together attribute specifications for table columns. It does not group columns together structurally -- that is the role of the <colgroup> element.

The elements are empty and serve only as a support for attributes.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML col Tag</title>
   </head>

   <body>
      <p>This example shows a colgroup that has three columns of different widths:</p>
      <table border = "1">
         <colgroup span = "3">
            <col width = "50"></col>
            <col width = "100"></col>
            <col width = "150"></col>
            <col width = "50"></col>
         </colgroup>
         
         <tr>
            <td>col 1</td>
            <td>col 2</td>
            <td>col 3</td>
            <td>col 4</td>
         </tr>
      </table>
   </body>

</html>
This will produce the following result −

This example shows a colgroup that has three columns of different widths:

col 1	col 2	col 3	col 4


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <col> tag also supports the following additional attributes −

Attribute	Value	Description
align	right
left
center
justify
char	Defines horizontal alignment, not supported in Html5.
char	character	Defines a character to use to align text on (use with align = "char"), not supported in Html5.
charoff	pixel	Specifies an alignment offset (either in pixels or percentage value) against the first character as specified with the char attribute, not supported in Html5.
span	number	Defines the number of columns the <col> should span, not supported in Html5.
valign	bottom
middle
top
baseline	Defines vertical alignment, not supported in Html5.
width	pixels or %	Specifies a default width for each column spanned by the current col element, not supported in Html5 .
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	?
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Description
The HTML <colgroup> tag is used for specifying properties for a group of columns within a table.

If you need to apply different properties to a column within a colgroup, you can use the HTML col tag within the colgroup tag.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML colgroup Tag</title>
   </head>

   <body>
      <p>This example shows a colgroup that has three columns of different widths:</p>
      
      <table border = "1">
         <colgroup span = "3">
            <col width = "50"></col>
            <col width = "100"></col>
            <col width = "200"></col>
         </colgroup>
         
         <tr>
            <td>col 1</td>
            <td>col 2</td>
            <td>col 3</td>
         </tr>
      </table>
   </body>
	
</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <colgroup> tag also supports the following additional attributes −

Attribute	Value	Description
align	right
left
center
justify
char	Defines horizontal alignment, not supported in Html5.
char	character	Defines a character to use to align text on (use with align = "char"), not supported in Html5.
charoff	pixel	Specifies an alignment offset (either in pixels or percentage value) against the first character as specified with the char attribute, not supported in Html5.
span	number	Defines the number of columns the <col> should span, not supported in Html5.
valign	bottom
middle
top
baseline	Defines vertical alignment, not supported in Html5.
width	pixels or %	Specifies a default width for each column spanned by the current col element, not supported in Html5 .
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <datalist> tag specifies set of options for <input> element.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML Datalist Tag</title>
   </head>
	
   <body>
      <input list = "tutorials" />
      
      <datalist id = "tutorials">
         <option value = "Java">
         <option value = "ASP">
         <option value = "PHP">
         <option value = "Ruby">
         <option value = "jQuery">
      </datalist>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Not Supported	Yes
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Description
The HTML <dd> tag is used for specifying a definition description in a definition list.

A definition list is similar to other lists but in a definition list, each list item contains two entries; a term and a description.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML dd Tag</title>
   </head>

   <body>
      <dl>
         <dt>Definition List</dt>
         <dd>A list of terms and their definitions/descriptions.</dd>
         <dt>HTML</dt>
         <dd>An HTML tutorial.</dd>
         <dt>PHP</dt>
         <dd>An PHP tutorial.</dd>
      </dl>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <del> tag is used for markup of deleted text.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML del Tag</title>
   </head>

   <body>
      <p>Following text is deleted using <del>HTML del tag
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <del> tag also supports the following additional attributes −

Attribute	Value	Description
cite	URL	Defines a URL to another document which explains why the text was deleted.
datetime	YYYYMMDD
HH:MM:SS	Defines the date and time the text was deleted.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <dfn> tag specifies a definition term.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML dfn Tag</title>
   </head>

   <body>
      <dl>
         <dt>
            
            <dfn>
               <abbr title = "Java Server Pages">JSP</abbr>
            </dfn>
            
         </dt>
         <dd>JSP is used to create dynamically generated web pages.</dd>
      </dl>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <dialog> tag is used for defining a dialog box.

Example
Live Demo
<!Doctype html>
<html>

   <head>
      <title>HTML dialog Tag</title>
   </head>

   <body>
      <dialog open>this will be shown in a dialog</dialog>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <dialog> tag also supports the following additional attributes −

Attribute	Value	Description
open HTML-5	open	opens a dialog box and user can interact with it
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes (Canary)	No	No	No	6.0	No
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Description
The HTML <dir> tag is used for specifying a directory list. This is very similar to <ul> tag but now this is deprecated.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML dir Tag</title>
   </head>

   <body>
      <dir>
         <li>dir</li>
         <li>menu</li>
         <li>ul</li>
      </dir>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <dir> tag also supports the following additional attributes −

Attribute	Value	Description
compact	compact	Deprecated − Specifies a compact rendering.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <div> tag is used for defining a section of your document. With the div tag, you can group large sections of HTML elements together and format them with CSS.

The difference between the div tag and the span tag is that the div tag is used with blocklevel elements whilst the span tag is used with inline elements.

Example
<!DOCTYPE html>
<html>

   <head>
      <title>HTML div Tag</title>
      <link rel = "stylesheet" href = "style2.css">
   </head>

   <body>
      <div id = "contentinfo">
         <p>Welcome to our website. We provide tutorials on various subjects.</p>
      </div>
   </body>

</html>
Here is the csss file style2.css

#contentinfo p { 
   line-height: 20px;
   margin: 30px;
   padding-bottom: 20px; 
   text-align: justify;
   width: 140px;
   color: red; 
}
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <div> tag also supports the following additional attributes −

Attribute	Value	Description
autofocus html-5	autofocus	Specifies
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <dl> tag is used for declaring a definition list. This tag is used within <dd> tag.

A definition list is similar to other lists but in a definition list, each list item contains two entries; a term and a description.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML dl Tag</title>
   </head>

   <body>
      <dl>
         <dt>Definition List</dt>
         <dd>A list of terms and their definitions/descriptions.</dd>
         <dt>HTML</dt>
         <dd>An HTML tutorial.</dd>
         <dt>PHP</dt>
         <dd>An PHP tutorial.</dd>
      </dl>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
 Previous Page  Print PageNext Page  
Advertisements

Tutorials Point
 About us  Terms of use  Privacy Policy  FAQ's  Helping  Contact
© Copyright 2019. All Rights Reserve


aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa





 Home Jobs Current Affairs UPSC Notes Online Tutors   
tutorialspoint
 
Search your favorite tutorials...
 
 
HTML - <dt> Tag
Advertisements


 Previous PageNext Page  
Description
The HTML <dt> tag is used to define the start of a term in a definition list.

A definition list is similar to other lists but in a definition list, each list item contains two entries; a term and a description.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML dt Tag</title>
   </head>

   <body>
      <dl>
         <dt>Definition List</dt>
         <dd>A list of terms and their definitions/descriptions.</dd>
         <dt>JAVA</dt>
         <dd>Tutorial on JAVA Programming Language.</dd>
         <dt>Android</dt>
         <dd>Tutorial on Android Operating System.</dd>
      </dl>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <em> tag formats the text in a document. It specifies emphasized text.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML em Tag</title>
   </head>

   <body>
      <p>Insert an image in a web page using <em>image</em> tag.</p>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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The HTML <embed> tag represents a container for external application or interactive content.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML Embed Tag</title>
   </head>

   <body>
      <embed src = "/html/yourfile.mid" width = "250" height = "100" />
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <video> tag also supports the following additional attributes −

Attribute	Value	Description
height html-5	pixels	Specifies the height.
src html-5	URL	Specifies the address of the source file.
type html-5	MIME_type	Specifies the MIME type.
width html-5	pixels	Specifies the width.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <fieldset> tag is used for grouping related form elements. By using the fieldset tag and the legend tag, you can make your forms much easier to understand for your users.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML fieldset Tag</title>
   </head>

   <body>
      <form>
         
         <fieldset>
            <legend>Details</legend>
            Student Name: <input type = "text"><br />
            MCA Subjects:<input type = "text"><br />
            Course Link:<input type = "url" name = "websitelink">
         </fieldset>
         
      </form>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <fieldset> tag also supports the following additional attributes −

Attribute	Value	Description
align	left
right
center
top
bottom	Deprecated − Specifies the content alignment.
disabled html-5	disabled	Specifies that a group of related form elements should be disabled.
form html-5	form_id	Specifies forms which belongs to fieldset.
name html-5	text	Specifies a name for fieldset.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <figcaption> tag specifies a caption for an element.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML Figcaption Tag</title>
   </head>

   <body>
      <figure><img src = "http://www.tutorialspoint.com/scripts/img/logo.png"/>
         <figcaption>Tutorials Point Logo</figcaption>
      </figure>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <figure> tag specifies self-contained content.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML Figure Tag</title>
   </head>

   <body>
      <h2>Tutorials Point Logo</h2>
      <figure><img src = "http://www.tutorialspoint.com/scripts/img/logo.png"/>
      </figure>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <font> tag is used to specify the font of the text. It is deprecated in HTML as well as in XHTML.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML font Tag</title>
   </head>

   <body>
      <font face = "cursive,serif" color = "#ff9900" size = "4">
         The HTML font tag is now deprecated. You should use start using CSS to set
            font size and family.
      </font>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <font> tag also supports the following additional attributes −

Attribute	Value	Description
color	rgb(x,x,x)
#hexcode
colorname	Deprecated − Specifies the color of the text.
face	List of font names	Deprecated − Specifies the font families.
size	number	Deprecated − Specifies the font size from 1 to 7.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
 Previous Page  Print PageNext Page  
Advertisements

Tutorials Point
 About us  Terms of use  Privacy Policy  FAQ's  Helping  Contact
© Copyright 2019. All Rights Reserved.









aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa




 
 
HTML - Footer Tag
Advertisements


 Previous PageNext Page  
Description
The HTML <footer> tag specifies a footer for a document or section.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML Footer Tag</title>
   </head>

   <body>
      <header>
         <h1>Simply Easy Learning</h1>
         <p>You're visiting tutorialspoint.com - tutorial hub for simply easy learning.</p>
      </header>
		
      <footer>
         © Copyright 2014, All Rights Reserved
      </footer>
      
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
 Previous Page  Print PageNext Page  
Advertisements

Tutorials Point
 About us  Terms of use  Privacy Policy  FAQ's  Helping  Contact
© Copyright 2019. All Rights Reserved.








aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa




 
HTML - <form> Tag
Advertisements


 Previous PageNext Page  
Description
The HTML <form> tag is used for creating a form for user input. A form can contain textfields, checkboxes, radio-buttons and more. Forms are used to pass user-data to a specified URL.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML form Tag</title>
   </head>

   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get">
         First name: 
            <input type = "text" name = "first_name" value = "" maxlength = "100" />
         <br />
         
         Last name: 
            <input type = "text" name = "last_name" value = "" maxlength = "100" />
         <input type = "submit" value ="Submit" />
      </form>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <form> tag also supports the following additional attributes −

Attribute	Value	Description
accept	MIME_type	Specifies a comma-separated list of content types that the server accepts.
accept-charset	charset list	Specifies a list of character encodings that the server accepts. The default value is "unknown".
action	URL	Specifies a URI/URL of the back-end script that will process the form
autocompletehtml-5	on
off	Specifies whether form should have autocomplete on or off
enctype	mimetypes	The mime type used to encode the content of the form.
method	get
post	Specifies the HTTP method to use when the form is submitted. Possible values −
get (the form data is appended to the URL when submitted)
post (the form data is not appended to the URL)
name	form name	Defines a unique name for the form.
novalidate html-5	novalidate	Specifies that the form should not be validated when submitted.
target	_blank
_self
_parent
_top	
Target to open the given URL.

_blank − the target URL will open in a new window.

_self − the target URL will open in the same frame as it was clicked.

_parent − the target URL will open in the parent frameset.

_top − the target URL will open in the full body of the window.

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <frame> tag is used to specify each frame within a frameset tag. This tag is not supported in HTML5.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML frame Tag</title>
   </head>

   <frameset cols = "200, *">
      <frame src = "/html/menu.htm" name = "menu_page" />
      <frame src = "/html/main.htm" name = "main_page" />
      
      <noframes>
         <body>
            Your browser does not support frames.
         </body>
      </noframes>
      
   </frameset>
	
</html>
This will produce the following result, refer the image given below. The left frame is menu.htm and the right one is main.htm −


Specific Attributes
The HTML <frame> tag also supports the following additional attributes −

Attribute	Value	Description
frameborder	0 or 1	Specifies whether or not to display border around the frame.
marginheight	pixels	Allows you to specify the width of the space between the left and right of the frame's borders and the frame's content. The value is given in pixels. For example marginwidth = "10".
marginwidth	pixels	Specifies the margin, in pixels, between the frame's contents and it's left and right margins.
name	frame name	Name of the frame.
noresize	noresize	When set to noresize the user cannot resize the frame.
scrolling	yes
no
auto	Determines scrollbar action.
src	URL	Location of the frame contents file.
Browsers Supported
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <frameset> tag is used to divide the window into frames. This tag is not supported in HTML5.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML frameset Tag</title>
   </head>
   
   <frameset cols = "200, *">
      <frame src = "/html/menu.htm" name = "menu_page" />
      <frame src = "/html/main.htm" name = "main_page" />
         
      <noframes>
         <body>
            Your browser does not support frames.
         </body>
      </noframes>
         
   </frameset>  
</html>
This will produce the following result, refer the image given below. The left frame is menu.htm and the right one is main.htm −


Specific Attributes
The HTML <frameset> tag also supports the following additional attributes −

Attribute	Value	Description
cols	column size	Specifies the number of columns and their width in either pixels, percentages, or relative lengths. Default is 100%
rows	row size	Specifies the number of rows and their height in either pixels, percentages, or relative lengths. Default is 100%.
Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <h1> to <h6> tag is used to define headings in an HTML document. <h1> defines largest heading and <h6> defines smallest heading.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML <h1> to <h6> Tag</title>
   </head>

   <body>
      <h1>Around the World</h1>
      <h2>Asian Countries</h2>
      <h3>India</h3>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <h1> to <h6> tag also supports the following additional attributes −

Attribute	Value	Description
align	left
right
center
justify	Deprecated − Specifies the alignment of the content enclosed.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <head> tag is used for indicating the head section of the HTML document. Tags included inside head tags are not displayed on browser window.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML head Tag</title>
   </head>

   <body>
      actual content goes here
   </body>

</html>
This will produce the following result −


Specific Attributes
The HTML <head> tag also supports the following additional attributes −

Attribute	Value	Description
profile	URL	Specifies the URI/URL of one or more meta data profiles. It is not supported in HTML5.
Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <header> tag specifies a header for a document or section.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML Header Tag</title>
   </head>

   <body>
      <header>
         <h1>Simply Easy Learning</h1>
         <p>You're visiting tutorialspoint.com - tutorial hub for simply easy learning.</p>
      </header>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <hr> tag is used for creating a horizontal line. This is also called Horizontal Rule in HTML.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML hr Tag</title>
   </head>

   <body>
      <p>This text will be followed by a horizontal line <hr /></p>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in − HTML Attribute Reference

Specific Attributes
The HTML <hr> tag also supports following additional attributes −

Attribute	Value	Description
align	left
right
center	Deprecated − Specifies the alignment of the horizontal rule.
noshade	noshade	Deprecated − Removes the usual shading effect that most browsers display.
size	pixels or %	Deprecated − Specifies the height of the horizontal rule.
width	pixels or %	Deprecated − Specifies the width of the horizontal rule.
Event Attributes
This tag supports all the event attributes described in − HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <html> tag is the container that contains all other HTML elements except for the !doctype tag which is located before the opening <html> tag. All other HTML elements are nested between the <html> and </html> tags.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML html Tag</title>
   </head>

   <body>
      <p>Actual content goes here... </p>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in HTML Attribute Reference

Specific Attributes
The HTML <> tag also supports the following additional attributes −

Attribute	Value	Description
manifesthtml-5	URL	It is for offline browsing i.e. the address of the document's cache manifest.
xmlns	http://www.w3.org/1999/xhtml	Deprecated − Specifies the XML namespace attribute.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <i> tag is used to display the content in italic.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML i Tag</title>
   </head>

   <body>
      <p>We liked the movie <i>3 Idiots</i></p>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in − HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in − HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <ilayer> tag is used to create a layer that occupies space in the containing text flow. Subsequent content is placed after the space occupied by the <ilayer>.

This is in contrast to the <layer> tag, which creates a layer above the containing text flow, allowing subsequent content to be placed under the layer just created.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML ilayer Tag</title>
   </head>

   <body>
      This <ilayer top = "4">word</ilayer> is shifted down, while this 
         <ilayer left = "10">one</ilayer> is shifted over. With a negative value, 
         words can be moved <ilayer top = "-4">up</ilayer> and to the 
         <ilayer left = "-10">left</ilayer>.
   </body>

</html>
This will produce the following result −


The result will only work on Netscape 4.

Global Attributes
This tag supports all the global attributes described in − HTML Attribute Reference

Specific Attributes
The HTML <ilayer> tag also supports the following additional attributes −

Attribute	Value	Description
above	layer
name	The name of the inline layer that will be positioned directly above the current layer in the z-order.
background	URL	A filename or URL for an image upon which the inline layer's text and images will appear.
below	layer
name	The name of the inline layer that will be positioned directly below the current layer in the z-order.
bgcolor	rgb(x,x,x)
#xxxxxx
colorname	The color to use for the inline layer background.
clip	number	The coordinates of the inline layer's viewable area.
height	pixels	The inline layer's height, in pixels.
left	number	The position of the left side of the inline layer. If the current inline layer is part of another layer.called the parent layer-then the position is relative to the parent layer.
name	layer
name	The name of the inline layer.
pagex	number	The position of the left side of the inline layer relative to the browser window.
pagey	number	The position of the top of the inline layer relative to the browser window.
src	URL	The URL of a page that will appear inside the inline layer.
top	number	The position of the top of the inline layer. If the current inline layer is part of another layer--called the parent layer--then the position is relative to the parent layer.
visibility	show
hide
inherit	Determines whether the inline layer is visible.
width	pixels	The inline layer's width, in pixels.
z-index	number	The inline layer's position within the z-order. Inline layers with higher Z-INDEX values are positioned above inline layers with lower Z-INDEX values.
Event Attributes
This tag supports all the event attributes described in − HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
No	No	No	No	No	No
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Description
The HTML <img> tag is used to put an image in an HTML document.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML  Tag</title>
   </head>

   <body>
      <img src = "https://www.tutorialspoint.com/images/html.gif"
         alt = "HTML Tutorial" height = "150" width = "140" />
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in − HTML Attribute Reference

Specific Attributes
The HTML <img> tag also supports the following additional attributes −

Attribute	Value	Description
align	top
bottom
middle
left
right	Deprecated− Specifies the alignment for the image.
alt	text	Specifies alternate text
border	pixels	Deprecated − Specifies the width of the image border.
crossoriginhtml-5	anonymous use-credentials	It allows images from third-party sites that allow cross-origin access to be reused with canvas.
height	pixels or %	Specifies the height of the image.
hspace	pixels	Deprecated − Amount of white space to be inserted to the left and right of the object.
ismap	URL	Defines the image as a server-side image map.
longdesc	text	Deprecated − Specifies a URI/URL of a long description - this can elaborate on a shorter description specified with the alt attribute.
src	URL	the url of an image
usemap	#mapname	Defines the image as a client-side image map and used alongwith <map> and <area> tags.
vspace	pixels	Deprecated − Amount of white space to be inserted to the top and bottom of the object.
width	pixels or %	Sets the width of an image in pixels or in %.
Event Attributes
This tag supports all the event attributes described in − HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <input>tag is used within a form to declare an input element − a control that allows the user to input data.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML input Tag</title>
   </head>
	
   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get">
         First name: 
            <input type = "text" name = "first_name" value = "" maxlength = "100" />
            <br />
            
         Last name: 
            <input type = "text" name = "last_name" value = "" maxlength = "100" />
         <input type = "submit" value = "Submit" />
      </form>
   </body>
	
</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in − HTML Attribute Reference

Specific Attributes
The HTML <input> tag also supports the following additional attributes −

Attribute	Value	Description
accept	content types	Specifies a comma-separated list of content types that the server accepts.
align	left
right
top
middle
bottom	Deprecated − Defines the alignment of content
alt	text	This specifies text to be used in case the browser/user agent can't render the input control.
autocomplete html-5	on
off	Specifies for enabling or disabling of autocomplete in <input> element
autofocus html-5	autofocus	pecifies that <input> element should automatically get focus when the page loads
checked	checked	If type = "radio" or type = "checkbox" it will already be selected when the page loads.
disabled	disabled	Disables the input control. The button won't accept changes from the user. It also cannot receive focus and will be skipped when tabbing.
formhtml-5	form_id	Specifies one or more forms
formaction html-5	URL	Specifies the URL of the file that will process the input control when the form is submitted
formenctypehtml-5	
application/x-www-form-urlencoded

multipart/form-data

text/plain

Specifies how the form-data should be encoded when submitting it to the serve
formmethod html-5	post
get	Defines the HTTP method for sending data to the action URL
formnovalidate html-5	formnovalidate	Defines that form elements should not be validated when submitted
formtarget html-5	_blank
_self
_parent
_top	Specifies the target where the response will be display that is received after submitting the form
height html-5	pixels	Specifies the height
list html-5	datalist_id	Specifies the <datalist> element that contains pre-defined options for an <input> element
max html-5	autofocus	Specifies the maximum value.
maxlength	number	Defines the maximum number of characters allowed in a text field
min html-5	number	Specifies the minimum value.
multiple html-5	multiple	Specifies that a user can enter multiple values
name	text	Assigns a name to the input control.
pattern html-5	regexp	Specifies a regular expression that an <input> element's value is checked against
placeholder html-5	text	Specifies a short hint that describes the expected value.
readonly	readonly	Sets the input control to read-only. It won't allow the user to change the value. The control however, can receive focus and are included when tabbing through the form controls.
required html-5	required	Specifies that an input field must be filled out before submitting the form
size	number	Specifies the width of the control. If type = "text" or type = "password" this refers to the width in characters. Otherwise it's in pixels.
src	URL	Defines the URL of the image to display. Used only for type = "image".
step html-5	number	Specifies the legal number intervals for an input field
type	button
checkboxcolor
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week	Specifies the type of control.
value	text	Specifies the intial value for the control.If type = "checkbox" or type = "radio" this attribute is required.
width html-5	pixels	Specifies the width
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <ins> tag is used to indicate newly inserted text.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML ins Tag</title>
   </head>

   <body>
      <p>Following text is inserted newly <ins>HTML ins tag</ins>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in − HTML Attribute Reference

Specific Attributes
The HTML <ins> tag also supports the following additional attributes −

Attribute	Value	Description
cite	URL	Defines a URL to another document which explains why the text was deleted.
datetime	YYYYMMDD
HH:MM:SS	Defines the date and time the text was deleted.
Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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Description
The HTML <isindex> tag is used for querying a document through a text field. The tag can be used anywhere but head tag is preferable. It is a deprecated tag and should not be used.

Example
<!Doctype html>
<html>

   <head>
      <title>HTML isindex Tag</title>
      <isindex prompt = "Search" />
   </head>

</html>
Global Attributes
This tag supports all the global attributes described in − HTML Attribute Reference

Specific Attributes
The HTML <isindex> tag also supports the following additional attributes −

Attribute	Value	Description
prompt	string	Label for the text field
action	URL	used when a query needs to be sent to a different URL
Event Attributes
This tag supports all the event attributes described in − HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes (partial)	Yes (partial)	Yes (partial)	Yes (partial)	Yes (partial)	No
 






aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa






 Home Jobs Current Affairs UPSC Notes Online Tutors   
tutorialspoint
 
Search your favorite tutorials...
 
 
HTML - <kbd> Tag
Advertisements


 Previous PageNext Page  
Description
The HTML <kbd> tag defines keyboard input. It is a phrase tag.

Example
Live Demo
<!DOCTYPE html>
<html>

   <head>
      <title>HTML kbd Tag</title>
   </head>

   <body>
      <p>Open previously closed tab using 
         <kbd>Ctrl</kbd>+
         <kbd>Shift</kbd>+
         <kbd>T</kbd>
   </body>

</html>
This will produce the following result −


Global Attributes
This tag supports all the global attributes described in − HTML Attribute Reference

Event Attributes
This tag supports all the event attributes described in HTML Events Reference

Browser Support
Chrome	Firefox	IE	Opera	Safari	Android
Yes	Yes	Yes	Yes	Yes	Yes
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